<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>CSS Patterns: Tabs</title>
</head>
<body>
<!-- Exercise instructions: This exercise will deep-dive into one type
     CSS pattern.

     1. Copy your 'tabs' component from the 'general-components' exercise.

     2. Rewrite the CSS  with one of
     the following CSS patterns:
          a. OOCSS
          b. BEM
          c. SMACSS

     4. Be sure to add a modifier for the selected tab and for
        the hover state of the inactive tabs.
     5. Try and nest a tab component within one of the tabs.  Does it work?
 -->



</body>
</html>